<script setup>
  // 导入 MyDialog
  import MyDialog from './components/MyDialog.vue';
</script>

<template>
  <div>
    <!-- 2. 使用插槽 采用双标签 内部输入要插入的值 默认是将 slot 替换为双标签所包裹的内容-->
    <!-- 插入普通内容 -->
    <MyDialog>
      <span>确认要删除吗</span>
    </MyDialog>
    <!-- 输入账户 -->
    <MyDialog>
      账号 <input type="text"> <br> <br>
      密码 <input type="password"> <br> <br>
    </MyDialog>
    <!-- 应用情景：当组件内容不确定的时候使用（根据使用情景来确认） -->
  </div>
</template>

<style scoped></style>